<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <h1>陕西西安</h1>
            <p>陕西省会、十三朝古都</p>
            <a href="#">西安</a><br>
            <div class="img">
                <img src="https://via.placeholder.com/20" alt="">
                <img src="https://via.placeholder.com/20" alt="">
                <img src="https://via.placeholder.com/20" alt="">
                <img src="https://via.placeholder.com/20" alt="">
            </div>
        </header>
        <footer>
            <div class="onelist">
                <div class="one">
                    <img src="https://via.placeholder.com/300x350" alt="">
                    <p>西安，古称长安、镐京，陕西省会、副省级市，是世界历史名城、中国四大古都之一、中华文明和中华民族重要发祥地，是国家重要的科研、教育、工业基地，亦是丝绸之路起点城市、“一带一路”核心区。</p>
                </div>
                <div class="two">
                    <img src="https://via.placeholder.com/300x350" alt="">
                    <p>北临渭河、黄土高原，南邻秦岭，东与华县、渭南市、商州区、洛南县相接，西与眉县、太白县接壤；总面积10752平方公里，景点有兵马俑、钟鼓楼等。1927年11月25日，设立西安市；1954年6月19日，为省辖市。</p>
                </div>
            </div>
            <div class="twolist">
                <div class="three">
                    <p>西安是国务院公布的首批国家历史文化名城，有周、汉、隋、唐等在内的13个朝代在此建都，是世界四大古都之一，中国古都学会认定的中国建都朝代最多的古都。</p><br>
                    <p>曾经作为中国首都和政治、经济、文化中心长达1100多年。 早在100万年前，蓝田古人类就在这里建造了聚落
                    </p>
                </div>
                <div class="four">
                    <div class="big">
                        <img src="https://via.placeholder.com/260x350" alt="">
                    </div>
                    <div class="small">
                        <img class="photoone" src="https://via.placeholder.com/120x110" alt="">
                        <img class="phototwo" src="https://via.placeholder.com/120x110" alt="">
                    </div>
                </div>
            </div>
        </footer>

    </div>

</body>


</html>